@charset "UTF-8";
*{
margin:0;padding:0;
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
-webkit-tap-highlight-color: rgba(210,210,210,0.35); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
}
body{font-family:"微软雅黑";font-size:12px;}
ul,li{list-style:none;}
.ylcon{width:100%;min-width:320px;}
.tit{height:26px;line-height:26px;padding:0px 15px;position:relative;font-size:15px;color:#aaa;}
 
.story{border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:0 15px 3px ;position:relative;}
.story_t{font-size:1.2em;color:rgba(0,0,0,1);padding-top:5px;padding-bottom:2px;}
.story_m{color:rgba(110,110,110,1);line-height:21px;word-break:break-all;word-wrap:break-word;overflow:hidden;font-size:1.2em;padding:2px 0;}
.story_time{color:rgba(154,154,154,1);padding:2px 0;}
.story_hf{background:rgb(245,245,245);font-size:1.2em;border:1px solid rgba(204,204,204,0.2);border-radius:2px;color:rgba(110,110,110,1);padding:4px;margin-bottom:5px;}
.opbtn{position:absolute;top: 0;right: 0;}
#header {
	margin:0 auto;
	background:url(bookends.jpg);
	width:750px;
	height:119px;
	text-align:center;
	}
h1 	{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:65px;
	color:#687E90;
	display:block;
	}
#content {
	margin:0 auto;
	padding:0;
	background:url(bookbg.gif) repeat-y;
	width:750px;
	text-align:left;
	}
#journal {
	float:left;
	margin:0;
	padding:0;
	width:475px;
	}
a {
	color:#666;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	color:#FF0000;
	font-weight:bold;
	}
	
h2, h3, h4 {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	color:#687E90;
	margin:30px 40px 5px 80px;
	}
h3 {
	font-size:18px;
	}	
h4 {
	font-size:16px;
	}	
p  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	margin:0 40px 10px 80px;
	line-height:1.5;
	text-align:justify;
	}

#menu {
	margin:0 40px 0 515px;
	padding:30px 0 0 0;
	width: 190px;
	position:absolute;
	border-bottom:1px solid #ccc;
	}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #ccc;
	}
#menu li a { 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:6px 0 3px 0;
	height:20px;
	text-decoration:none;
	display:block;
	}
#menu li a:hover { 
	color:#FF0000;
	font-weight:bold;
	}

#footer {
	clear:both;
	margin:5px 0 0 475px;
	padding:0 0 10px 0;
	}
#footer p {
	text-align:center;
	margin:0;
	padding:0;
	}
#nav{
	position: relative;
	right: -35%;
}